<script setup lang="ts"></script>

<template>
  <div data-v-29887c62="" class="xtx_body_main">
    <div
      data-v-a156b4ac=""
      data-v-29887c62=""
      class="member-collect-goods-page"
    >
      <div data-v-a156b4ac="" class="xtx-center-head">
        <h4 data-v-a156b4ac="" class="title fl">收藏的商品</h4>
      </div>
      <div
        data-v-a156b4ac=""
        class="xtx-collect-goods"
        style="position: relative; min-height: 400px"
      >
        <ul data-v-a156b4ac="">
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/1566842468999466" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">布精面</p>
              <p data-v-a156b4ac="" class="desc">验传证却维军设</p>
              <p data-v-a156b4ac="" class="price">¥173.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/56976829201610" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">业放候数回</p>
              <p data-v-a156b4ac="" class="desc">真选列打</p>
              <p data-v-a156b4ac="" class="price">¥100.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/8251106444522284" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">知转子自</p>
              <p data-v-a156b4ac="" class="desc">年因度明按</p>
              <p data-v-a156b4ac="" class="price">¥122.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/8482167818098928" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">化各直构</p>
              <p data-v-a156b4ac="" class="desc">学走立千传层</p>
              <p data-v-a156b4ac="" class="price">¥130.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/193663889264928" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">界千管</p>
              <p data-v-a156b4ac="" class="desc">实给研大七特种</p>
              <p data-v-a156b4ac="" class="price">¥158.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/4371518178648640" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">离为给各层代数</p>
              <p data-v-a156b4ac="" class="desc">应油照法叫</p>
              <p data-v-a156b4ac="" class="price">¥162.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/1378052446962188" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">半为近别</p>
              <p data-v-a156b4ac="" class="desc">问须此实</p>
              <p data-v-a156b4ac="" class="price">¥119.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/6855367522111442" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">白各气何</p>
              <p data-v-a156b4ac="" class="desc">律给大阶听</p>
              <p data-v-a156b4ac="" class="price">¥168.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/5489170548014904" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">出必革特</p>
              <p data-v-a156b4ac="" class="desc">细示这当眼政</p>
              <p data-v-a156b4ac="" class="price">¥172.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/3447607266468726" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">识重位京周</p>
              <p data-v-a156b4ac="" class="desc">大青观自非规光</p>
              <p data-v-a156b4ac="" class="price">¥131.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/6688714304715060" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">王说求因</p>
              <p data-v-a156b4ac="" class="desc">口派该查政以</p>
              <p data-v-a156b4ac="" class="price">¥177.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-a156b4ac="">
            <a data-v-a156b4ac="" href="#/same/6121309360772028" class=""
              ><img
                data-v-a156b4ac=""
                src="https://yanxuan-item.nosdn.127.net/f7a4f643e245d03771d6f12c94e71214.png"
                alt="" />
              <p data-v-a156b4ac="" class="name">志委六步</p>
              <p data-v-a156b4ac="" class="desc">时方行第</p>
              <p data-v-a156b4ac="" class="price">¥198.00</p>
              <div data-v-a156b4ac="" class="btn">找相似</div>
              <i data-v-a156b4ac="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
* {
  box-sizing: border-box;
}
.xtx_body_main[data-v-29887c62] {
  flex: 1;
  background: #fff;
  padding-bottom: 25px;
  .xtx-center-head {
    line-height: 70px;
    margin: 0 25px;
    height: 70px;
    border-bottom: 1px solid #f5f5f5;
    .xtx-center-head .title {
      font-size: 16px;
      font-weight: 400;
    }
    .fl {
      float: left;
    }
    dd,
    dl,
    h1,
    h3,
    h4,
    p,
    ul {
      padding: 0;
      margin: 0;
    }
  }
}
element.style {
  position: relative;
  min-height: 400px;
}
.xtx-collect-goods[data-v-a156b4ac] {
  padding: 20px 25px;
}
.xtx-collect-goods ul[data-v-a156b4ac] {
  display: flex;
  flex-wrap: wrap;
}
ul {
  list-style: none;
}
dd,
dl,
h1,
h3,
h4,
p,
ul {
  padding: 0;
  margin: 0;
}
.xtx-collect-goods ul li[data-v-a156b4ac] {
  width: 221px;
  height: 336px;
  text-align: center;
  padding: 20px 0;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  a {
    text-decoration: none;
    color: #333;
    outline: none;
    background-color: transparent;
    .xtx-collect-goods ul li img[data-v-a156b4ac] {
      width: 150px;
      height: 150px;
    }
    img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle;
      border-style: none;
    }
    .xtx-collect-goods ul li .name[data-v-a156b4ac] {
      font-size: 16px;
    }
    .xtx-collect-goods ul li p[data-v-a156b4ac] {
      padding-top: 10px;
    }
    .xtx-collect-goods ul li .desc[data-v-a156b4ac] {
      color: #999;
    }
    .xtx-collect-goods ul li p[data-v-a156b4ac] {
      padding-top: 10px;
    }
    .xtx-collect-goods ul li .price[data-v-a156b4ac] {
      color: #cf4444;
      font-size: 18px;
    }
    .xtx-collect-goods ul li p[data-v-a156b4ac] {
      padding-top: 10px;
    }
    .xtx-collect-goods ul li .btn[data-v-a156b4ac] {
      width: 100px;
      height: 32px;
      border: 1px solid #e4e4e4;
      line-height: 30px;
      border-radius: 2px;
      margin: 20px auto;
      background: #f5f5f5;
      a {
        text-decoration: none;
        color: #333;
        outline: none;
      }
    }
    .xtx-collect-goods ul li i[data-v-a156b4ac] {
      position: absolute;
      right: 0;
      top: 0;
      width: 20px;
      height: 20px;
      background: #e4e4e4;
      color: #fff;
      line-height: 18px;
      display: none;
    }
    .iconfont {
      font-family: 'iconfont' !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  }
}
</style>
